<template>
  <div>
    <h1>{{ goodsName }}</h1>
    <h2>{{ money }}</h2>
    <h2>{{ attribute }}</h2>
    <p>当前已经添加 {{ todo }}</p>
    <button @click="add(id)">增加</button>
    <button @click="lessen(id)">减少</button>
  </div>
</template>

<script>
export default {
  name: 'Goods',
  props: ['goodsName', 'money', 'attribute', 'todo', 'id', 'add', 'lessen'],
  data() {
    return {}
  },
}
</script>

<style></style>
